﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<UI.Models.ListProductAllCategory>" %>
<%@ Import Namespace="UI.Helper" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <%= Utils.IncludeJS(this.Html, "~/Scripts/js/prototype.js")%>
    <%= Utils.IncludeJS(this.Html, "~/Scripts/js/scriptaculous.js?load=effects,builder")%>
    <%= Utils.IncludeJS(this.Html, "~/Scripts/js/lightbox.js")%>
    
    <td width="73%" valign="top">
    <table width="100%" cellspacing="0" cellpadding="0">
    <% foreach (var tmp in Model.liProductAllcate)
                               { %>

              <tr>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td align="center" valign="middle" class="Backround-black-01"><table width="100%" cellspacing="3" cellpadding="3">
                  
                  <tr>
                    <td valign="top"><table width="100%" cellspacing="0" cellpadding="0">
                      <tr>
                        <td  height="246" align="left" valign="top"><table width="100%" cellspacing="2" cellpadding="2">
                          <tr>
                            <td height="38" valign="top"><table style="border-bottom:1px dotted #999999;" width="100%" cellspacing="0" cellpadding="0">
                              <tr>
                                <td height="35" class="Title-yellow"><%: tmp.Name %></td>
                              </tr>
                            </table></td>
                          </tr>
                          <tr>
                            <td height="209" >
                            <div id="gallery">
                            <table width="100%" cellspacing="0" cellpadding="0">
                              <tr>
                              <% foreach (var tmpProduct in tmp.liProductModel)
                               { %>
                                <td>
                                <table width="100%" cellpadding="2" cellspacing="3">
                                  <tr>
                                    <td height="166">
                                    <a href="<%= Url.Content(tmpProduct.Url)%>" >
                                    <img src="<%= Url.Content(tmpProduct.Url)%>" width="155" height="155" /></a>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td class="Title-white">Mã : <%= tmpProduct.Name %><br /></td>
                                  </tr>
                                </table></td>
                                <% } %>  
                              </tr>
                            </table>
                            </div></td>
                          </tr>
                          <tr>
                            <td height="30" align="right" style="border-top:1px dotted #999999;" >
                            <%: Html.ActionLink(" ", "Category", new { controller = "Product", ID = tmp.CategoryId }, new { @class = "ImgXemtiep" })%>
                            
                            </td>
                          </tr>
                        </table></td>
                        </tr>
                    </table></td>
                  </tr>
                  
                </table></td>
              </tr>
              
              <tr>
                <td align="left" valign="middle">&nbsp;</td>
              </tr>
            <% } %>  
            </table>
            </td>
            
</asp:Content>
